<div id="header" class="clearfix">
    <div id="logo" class="left">	
                <?php echo CHtml::link(CHtml::image('images/logo.png', 'private sale'), array('/m/index')) ?>	
    </div>
    <div id="list" class="right">
        <?php echo CHtml::link(CHtml::image('images/list2.png', 'THỂ LỆ'), array('/m/theLe'), array("style"=>"margin-right:5px;")) ?>
        <?php echo CHtml::link(CHtml::image('images/list1.png', 'TÀI KHOẢN CỦA BẠN'), array('/m/profile'), array("style"=>"margin-right:5px;")) ?>
        <?php echo CHtml::link(CHtml::image('images/list3.png', 'danh sách trúng thưởng'), array('/m/result')) ?>
    </div>
</div><!-- header -->
<div class="left">	<div id="slide_banner">        <?php echo CHtml::link(CHtml::image('images/slide1.jpg', 'private sale'), array('/m/index')) ?>        <?php echo CHtml::link(CHtml::image('images/slide2.jpg', 'private sale'), array('/m/index')) ?>        <?php echo CHtml::link(CHtml::image('images/slide3.jpg', 'private sale'), array('/m/index')) ?>        	</div></div>
<div class="right">
<!-- Begin MailChimp Signup Form -->
<!-- <link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css"> -->
<div id="regtitle">đăng kí thành viên</div>
<div id="mc_embed_signup">
<form action="<?php echo Yii::app()->params['mailchimp']['urlpost']?>" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <input type="hidden" value="<?php echo $gioithieu_id; ?>" name="MMERGE7" class="" id="mce-MMERGE7">
    
    <div class="indicates-required"><span class="asterisk">*</span> Yêu cầu bắt buộc</div>
    
    <div class="mc-field-group">
        <label for="mce-FNAME">Họ &amp; Tên đầy đủ - Full name <span class="asterisk">*</span></label>
        <div class="field-group">
            <input type="text" value="" name="FNAME" class="required" id="mce-FNAME">
        </div>  
    </div>
    
    <div class="mc-field-group input-group">
        <strong>Giới tính - Gender</strong>
        <div class="field-group">
            <input type="radio" value="Nam" name="MMERGE3" id="mce-MMERGE3-0"><label for="mce-MMERGE3-0" style="font-weight:normal" >Nam</label>
            <input type="radio" value="Nữ" name="MMERGE3" id="mce-MMERGE3-1"><label for="mce-MMERGE3-1" style="font-weight:normal" >Nữ</label>
        </div>
    </div>
    
    <div class="mc-field-group">
        <label for="mce-MMERGE5-month">Ngày sinh - Birthday</label>
        <div class="field-group">
            <div class="datefield">
                <span class="subfield dayfield"><input type="text" pattern="[0-9]*" value="" size="2" maxlength="2" name="MMERGE5[day]" id="mce-MMERGE5-day"></span> / 
                <span class="subfield monthfield"><input type="text" pattern="[0-9]*" value="" size="2" maxlength="2" name="MMERGE5[month]" id="mce-MMERGE5-month"></span> / 
                <span class="subfield yearfield"><input type="text" pattern="[0-9]*" value="" size="4" maxlength="4" name="MMERGE5[year]" id="mce-MMERGE5-year"></span>
                <span class="small-meta nowrap">( dd / mm / yyyy )</span>
                <div class="fake-date"><input type="hidden" class=" date" id="MMERGE5-fake-date" value=""></div>
            </div>
        </div>
    </div>
    
    <div class="mc-field-group">
        <label for="mce-MMERGE4">ĐTDĐ - Phone </label>
        <div class="field-group">
            <input type="text" value="" name="MMERGE4" class="" id="mce-MMERGE4">
        </div>
    </div>
    
    <div class="mc-field-group">
        <label for="mce-EMAIL">Email <span class="asterisk">*</span></label>
        <div class="field-group">
            <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
        </div>
    </div>
    
    <div class="mc-field-group">
        <label for="mce-MMERGE2">Địa chỉ liên lạc - Address </label>
        <div class="field-group">
            <input type="text" value="" name="MMERGE2" class="" id="mce-MMERGE2">
        </div>
    </div>
    
    <div class="mc-field-group">
        <label for="mce-MMERGE6">Tỉnh/Thành phố - Province/City</label>
        <div class="field-group">
            <input type="text" value="" name="MMERGE6" class="" id="mce-MMERGE6">
        </div>
    </div>
    
    <div id="mce-responses" class="clear">
        <div class="response" id="mce-error-response" style="display:none"></div>
        <div class="response" id="mce-success-response" style="display:none"></div>
    </div>
    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    
    <div style="position: absolute; left: -5000px;"><input type="text" name="b_c2a70761d6_b3bf290476" value=""></div>
    
    <div class="clear">
        <input type="submit" value="Đăng ký gia nhập danh sách nhận email - Sign up to join our list" name="subscribe" id="mc-embedded-subscribe" class="button">
    </div>
</form>
</div>
<div class="mtl" style="margin-left:10px">
    <?php echo CHtml::image('images/thele.png', 'thele') ?>
</div>
</div>

<div class="clearfix"></div>
<div style="text-align:center">
    <?php echo CHtml::image('images/listLogo.jpg', 'list logo') ?>
</div>

<?php 
    function bu($url=null) 
    {
        static $baseUrl;
        if ($baseUrl===null)
            $baseUrl=Yii::app()->getRequest()->getBaseUrl();
        return $url===null ? $baseUrl : $baseUrl.'/'.ltrim($url,'/');
    }
?>

<script type="text/javascript">
var email_client = "";
var fnames = new Array();var ftypes = new Array();fnames[7]='MMERGE7';ftypes[7]='text';fnames[1]='FNAME';ftypes[1]='text';fnames[3]='MMERGE3';ftypes[3]='radio';fnames[5]='MMERGE5';ftypes[5]='date';fnames[4]='MMERGE4';ftypes[4]='text';fnames[0]='EMAIL';ftypes[0]='email';fnames[2]='MMERGE2';ftypes[2]='text';fnames[6]='MMERGE6';ftypes[6]='text';
try {
    var jqueryLoaded=jQuery;
    jqueryLoaded=true;
} catch(err) {
    var jqueryLoaded=false;
}
var head= document.getElementsByTagName('head')[0];
if (!jqueryLoaded) {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = '//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js';
    head.appendChild(script);
    if (script.readyState && script.onload!==null){
        script.onreadystatechange= function () {
              if (this.readyState == 'complete') mce_preload_check();
        }    
    }
}

var err_style = '';
try{
    err_style = mc_custom_error_style;
} catch(e){
    err_style = '#mc_embed_signup input.mce_inline_error{border-color:#6B0505;} #mc_embed_signup div.mce_inline_error{margin: 0 0 1em 0; padding: 5px 10px; background-color:#6B0505; font-weight: bold; z-index: 1; color:#fff;}';
}
var head= document.getElementsByTagName('head')[0];
var style= document.createElement('style');
style.type= 'text/css';
if (style.styleSheet) {
  style.styleSheet.cssText = err_style;
} else {
  style.appendChild(document.createTextNode(err_style));
}
head.appendChild(style);
setTimeout('mce_preload_check();', 250);

var mce_preload_checks = 0;
function mce_preload_check(){
    if (mce_preload_checks>40) return;
    mce_preload_checks++;
    try {
        var jqueryLoaded=jQuery;
    } catch(err) {
        setTimeout('mce_preload_check();', 250);
        return;
    }
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = '<?php echo bu(); ?>/js/jquery.form-n-validate.js';
    head.appendChild(script);
    try {
        var validatorLoaded=jQuery("#fake-form").validate({});
    } catch(err) {
        setTimeout('mce_preload_check();', 250);
        return;
    }
    mce_init_form();
}
function mce_init_form(){
    jQuery(document).ready( function($) {
      var options = { errorClass: 'mce_inline_error', errorElement: 'div', onkeyup: function(){}, onfocusout:function(){}, onblur:function(){}  };
      var mce_validator = $("#mc-embedded-subscribe-form").validate(options);
      $("#mc-embedded-subscribe-form").unbind('submit');//remove the validator so we can get into beforeSubmit on the ajaxform, which then calls the validator
      options = { url: '<?php echo Yii::app()->params['mailchimp']['urlpostjson']?>', type: 'GET', dataType: 'json', contentType: "application/json; charset=utf-8",
                    beforeSubmit: function(){
                        $('#mce_tmp_error_msg').remove();
                        $('.datefield','#mc_embed_signup').each(
                            function(){
                                var txt = 'filled';
                                var fields = new Array();
                                var i = 0;
                                $(':text', this).each(
                                    function(){
                                        fields[i] = this;
                                        i++;
                                    });
                                $(':hidden', this).each(
                                    function(){
                                        var bday = false;
                                        if (fields.length == 2){
                                            bday = true;
                                            fields[2] = {'value':1970};//trick birthdays into having years
                                        }
                                        if ( fields[0].value=='MM' && fields[1].value=='DD' && (fields[2].value=='YYYY' || (bday && fields[2].value==1970) ) ){
                                            this.value = '';
                                        } else if ( fields[0].value=='' && fields[1].value=='' && (fields[2].value=='' || (bday && fields[2].value==1970) ) ){
                                            this.value = '';
                                        } else {
                                            if (/\[day\]/.test(fields[0].name)){
                                                this.value = fields[1].value+'/'+fields[0].value+'/'+fields[2].value;                                           
                                            } else {
                                                this.value = fields[0].value+'/'+fields[1].value+'/'+fields[2].value;
                                            }
                                        }
                                    });
                            });
                        $('.phonefield-us','#mc_embed_signup').each(
                            function(){
                                var fields = new Array();
                                var i = 0;
                                $(':text', this).each(
                                    function(){
                                        fields[i] = this;
                                        i++;
                                    });
                                $(':hidden', this).each(
                                    function(){
                                        if ( fields[0].value.length != 3 || fields[1].value.length!=3 || fields[2].value.length!=4 ){
                                            this.value = '';
                                        } else {
                                            this.value = 'filled';
                                        }
                                    });
                            });
                        return mce_validator.form();
                    }, 
                    success: mce_success_cb
                };
      $('#mc-embedded-subscribe-form').ajaxForm(options);
 /*
 * Translated default messages for the jQuery validation plugin.
 * Locale: VI (Vietnamese)
 */
    jQuery.extend(jQuery.validator.messages, {
     required: "Hãy nhập.",
     remote: "Hãy sửa cho đúng.",
     email: "Hãy nhập email.",
     url: "Hãy nhập URL.",
     date: "Hãy nhập ngày.",
     dateISO: "Hãy nhập ngày (ISO).",
     number: "Hãy nhập số.",
     digits: "Hãy nhập chữ số.",
     creditcard: "Hãy nhập số thẻ tín dụng.",
     equalTo: "Hãy nhập thêm lần nữa.",
     accept: "Phần mở rộng không đúng.",
     maxlength: jQuery.format("Hãy nhập từ {0} kí tự trở xuống."),
     minlength: jQuery.format("Hãy nhập từ {0} kí tự trở lên."),
     rangelength: jQuery.format("Hãy nhập từ {0} đến {1} kí tự."),
     range: jQuery.format("Hãy nhập từ {0} đến {1}."),
     max: jQuery.format("Hãy nhập từ {0} trở xuống."),
     min: jQuery.format("Hãy nhập từ {1} trở lên.")
    });
});
}
function mce_success_cb(resp){
    $('#mce-success-response').hide();
    $('#mce-error-response').hide();
    if (resp.result=="success"){
        document.cookie="email="+$("#mce-EMAIL").val();

        $.post("<?php echo $this->createAbsoluteUrl('m/createSession') ?>", { 
            email: $("#mce-EMAIL").val(),
            ref_id:$("#mce-MMERGE7").val(), 
            fname:$("#mce-FNAME").val(),
            mobile:$("#mce-MMERGE4").val()
        });

        $('#mce-'+resp.result+'-response').show();
        $('#mce-'+resp.result+'-response').html(resp.msg);
        $('#mc-embedded-subscribe-form').each(function(){
            this.reset();
        });
    } else {
        var index = -1;
        var msg;
        try {
            var parts = resp.msg.split(' - ',2);
            if (parts[1]==undefined){
                msg = resp.msg;
            } else {
                i = parseInt(parts[0]);
                if (i.toString() == parts[0]){
                    index = parts[0];
                    msg = parts[1];
                } else {
                    index = -1;
                    msg = resp.msg;
                }
            }
        } catch(e){
            index = -1;
            msg = resp.msg;
        }
        try{
            if (index== -1){
                $('#mce-'+resp.result+'-response').show();
                $('#mce-'+resp.result+'-response').html(msg);            
            } else {
                err_id = 'mce_tmp_error_msg';
                html = '<div id="'+err_id+'" style="'+err_style+'"> '+msg+'</div>';
                
                var input_id = '#mc_embed_signup';
                var f = $(input_id);
                if (ftypes[index]=='address'){
                    input_id = '#mce-'+fnames[index]+'-addr1';
                    f = $(input_id).parent().parent().get(0);
                } else if (ftypes[index]=='date'){
                    input_id = '#mce-'+fnames[index]+'-month';
                    f = $(input_id).parent().parent().get(0);
                } else {
                    input_id = '#mce-'+fnames[index];
                    f = $().parent(input_id).get(0);
                }
                if (f){
                    $(f).append(html);
                    $(input_id).focus();
                } else {
                    $('#mce-'+resp.result+'-response').show();
                    $('#mce-'+resp.result+'-response').html(msg);
                }
            }
        } catch(e){
            $('#mce-'+resp.result+'-response').show();
            $('#mce-'+resp.result+'-response').html(msg);
        }
    }
}

</script>
<!--End mc_embed_signup-->

</div><!-- form -->
